<!-- 消费限制 -->
<template>
  <div class="router-content">
    <inside v-for="(div, index) in article" :key="index" :title="div.title" :contents="div.contents" :urls="div.urls"></inside>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
import inside from '@/components/inside'
export default {
  name: 'index',
  components: {
    inside
  },
  data () {
    return {
      menus: [],
      article: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
    this.write()
  },
  methods: {
    write () {
      this.article = [
        {
          title: '添加消费限制策略',
          contents: [
            '进入消费限制策略页面，点击添加消费限制策略按钮，如下图所示，',
            '进入消费限制策略编辑页面，如下图所示',
            '选择想要添加消费限制策略的卡类型，如下图所示，接着在准备使用该消费限制策略的档口下打“√”（可多选），准备使用该消费限制策略的餐别下打“√”（可多选），接着设置每个餐别限制的次数，填写1则设置选择的餐别时段只能刷卡消费一次，数字以此类推，填写0则设置为选择的餐别不使用该消费限制策略。',
            '都填写完了，点击提交，消费限制策略设置成功。'
          ],
          urls: [
            '/static/imgs/setting/limit_1.png',
            '/static/imgs/setting/limit_2.png',
            '/static/imgs/setting/limit_3.png'
          ]
        }, {
          title: '修改消费限制策略',
          contents: [
            '击已经设置的消费限制策略旁边的“修改”，如下图所示，',
            '进入消费限制策略编辑页面，如下图所示',
            '即可修改消费限制策略，修改完成点击提交，修改成功。'
          ],
          urls: [
            '/static/imgs/setting/limit_4.png',
            '/static/imgs/setting/limit_5.png'
          ]
        }, {
          title: '删除消费限制策略',
          contents: [
            '点击已经设置的消费限制策略旁边的“删除”，如下图所示，',
            '弹出确认删除对话框，如下图所示，点击确定，即可删除消费限制策略。'
          ],
          urls: [
            '/static/imgs/setting/limit_6.png',
            '/static/imgs/setting/limit_7.png'
          ]
        }
      ]
    }
  }
}
</script>
<style>
</style>
